:root {
    --bg-primary: #f3f4f6;
    --bg-secondary: #ffffff;
    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border-color: #e5e7eb;
    --accent-blue: #3b82f6;
    --accent-teal: #14b8a6;
    --accent-orange: #f97316;
    --accent-purple: #8b5cf6;
    --accent-indigo: #6366f1;
    --accent-gray: #6b7280;
    --status-green: #22c55e;
    --status-yellow: #eab308;
    --status-red: #ef4444;
    --status-off: #9ca3af;
    --online-green: #10b981;
    --offline-red: #f43f5e;

    /* Icon colors for settings */
    --icon-plc: #2563eb;
    --icon-plc-bg: #2563eb22;
    --icon-event: #db2777;
    --icon-event-bg: #db277722;
    --icon-alarm: #f59e0b;
    --icon-alarm-bg: #f59e0b22;
    --icon-address: #10b981;
    --icon-address-bg: #10b98122;
    --icon-user: #6366f1; /* indigo-500 - New color for user */
    --icon-user-bg: #6366f122; /* indigo-500 - New color for user */
    /* 添加新的变量 */
    --accent-blue-light: rgba(59, 130, 246, 0.1);  /* #3b82f6 with 0.1 opacity */
    --status-red-light: rgba(239, 68, 68, 0.1);    /* #ef4444 with 0.1 opacity */
    --accent-blue-dark: #2563eb;                    /* Darker shade of #3b82f6 */
}
